// 首先将defineStore引入，这个api可以定义一个用来返回pinia实例的函数，调用这个函数即可拿到你在下面配置的pinia实例
import { defineStore } from 'pinia';
import { ref } from 'vue';

// setupStore的写法和optionStore的写法的第一个区别就是，defineStore中第二个参数传的是个函数
const useTabbarStore = defineStore('tabbar',()=>{

    // 相信你已经看出来了，setupStore的写法其实就是vue3中的vca写法
    const isTabbarShow = ref(true);
    const changeTabbarShow = (val)=>{
        isTabbarShow.value = val;
    }

    // 最后把未来会用到的数据与方法给return出去，供vue组件使用
    return {
        isTabbarShow,
        changeTabbarShow
    }
});

export default useTabbarStore;